<template>
  <div class="share" @click="close">
    <div class="share-inner d-flex flex-column ai-end p-5">
      <svg
        class="icon"
        width="30px"
        height="30.00px"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
      >
        <path
          fill="#fff"
          d="M780.8 224l-579.2 579.2c-12.8 12.8-12.8 32 0 44.8 12.8 12.8 32 12.8 44.8 0l572.8-572.8v492.8c0 19.2 12.8 32 32 32s32-12.8 32-32v-544c0-35.2-28.8-64-64-64h-544c-19.2 0-32 12.8-32 32s12.8 32 32 32h505.6z"
        />
      </svg>

      <div class="text w-100 flex-1 d-flex jc-center pt-10">
        <p>点击右上角分享</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Sure",
  methods: {
    close(){
      this.remove()
    }
  }
};
</script>

<style lang="scss" scoped>
.share {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  .share-inner {
    widows: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
  }
}

.text {
  font-size: 24px;
  color: #fff;
}
</style>